<template>
  <div class="p10">
    <el-card shadow="hover">
      <el-tabs v-model="activeName" @tab-change="change">
        <el-tab-pane label="审核手机号配置" name="phoneConfiguration">
          <phoneConfiguration ref="phoneConfigurationRef"></phoneConfiguration>
        </el-tab-pane>
        <el-tab-pane label="文件路径配置" name="filePath">
          <filePath ref="filePathRef"></filePath>
        </el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>

<script setup lang="ts">
import { onMounted, ref } from "vue";
import phoneConfiguration from "./component/phoneConfiguration/index.vue";
import filePath from "./component/filePath/index.vue";

onMounted(() => {
  handlePhoneConfiguration();
});
const activeName = ref("phoneConfiguration");
const change = (e) => {
  switch (e) {
    case "phoneConfiguration":
      handlePhoneConfiguration();
      break;
     case "filePath":
      handleFilePath();
      break;
   
  }
};


// 审核手机号配置
const phoneConfigurationRef = ref();
const handlePhoneConfiguration = () => {
  phoneConfigurationRef.value.openDialog();
};

// 文件路径配置
const filePathRef = ref();
const handleFilePath = () => {
  filePathRef.value.openDialog();
};



</script>

<style scoped></style>
